* {
    padding: 0;
    margin: 0;
}


.web {
    width: 100vw;
    background: #f7f7f7ff;
    overflow-y: hidden;

    //填写订单
    header {
        width: 100%;
        height: 11.2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;

        // background-color: skyblue;
        //margin-bottom: 2.6667vw;
        p {
            color: #000000ff;
            font-size: 4.2667vw;
        }
    }

    //内容
    main {
        padding-top: 2.6667vw;
        width: 94.6667vw;
        margin: 0 auto 0;
        //height: 241.6vw;
        background: #f7f7f7ff;
        

        //background-color: pink;
        //信息-ul
        .inform {
            // width: 94.6667vw;
            //height: 54.9333vw;
            background-color: white;
            margin: 0 auto 0;
            border-radius: 1.3333vw;

            li {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 89.3333vw;
                height: 13.8667vw;

                margin: 0 auto;
                color: #000000ff;
                font-size: 4vw;

                span {

                    &:last-child {
                        font-size: 3.7333vw;
                        margin-right: 5.3333vw;
                    }
                }

                &:last-child {
                    //TODO
                    height: 1.3333vw;
                    //background-color: #fb3;
                    border-radius: 0 0 50% 50%;
                    background: repeating-linear-gradient(20deg, rgb(244, 73, 73) 4%, white 13%, gray 15%, white 22%);

                }
            }
        }

        //订购人
        .subscriber {
            border-radius: 1.3333vw;
            width: 100%;
            box-sizing: border-box;
            margin-top: 2.6667vw;
            height: 10.9333vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 4vw;
            color: #000000ff;
            padding: 0 8vw 0 2.6667vw;
            background-color: white;

            span {
                &:last-child {
                    font-size: 3.7333vw;
                }
            }
        }

        //留言
        .leave {
            border-radius: 1.3333vw;
            width: 100%;
            background-color: white;
            margin-top: 2.6667vw;

            .txt {
                padding: 2.6667vw;
                box-sizing: border-box;

                p {
                    margin-bottom: 2.6667vw;
                    color: #000000ff;
                    font-size: 4vw;
                }

                textarea {
                    margin: 0 auto;
                    display: block;
                    width: 89.3333vw;
                    height: 21.3333vw;
                    resize: none;
                    padding: 1.3333vw;
                    box-sizing: border-box;

                    &::placeholder {
                        color: #757575;
                        font-size: 3.2vw;
                    }
                }

                &:last-child {
                    padding-top: 0;
                }
            }
        }

        //产品
        .product {
            border-radius: 1.3333vw;
            background-color: white;
            width: 100%;
            height: 30.9333vw;
            margin-top: 2.6667vw;
            display: flex;
            justify-content: space-between;
            align-items: center;

            img {
                margin-left: 2.6667vw;
                width: 17.3333vw;
                height: 17.3333vw;
            }

            .txt {
                flex: 1;
                margin-left: 2.6667vw;
                margin-right: 2.6667vw;
                display: inline-block;



                height: 17.3333vw;

                p {
                    display: flex;
                    justify-content: space-between;
                    color: #000000ff;

                    font-size: 3.7333vw;

                    &:last-child {
                        span {

                            &:last-child {
                                font-weight: 600;
                            }
                        }



                    }
                }
            }
        }

        //支付方式
        .payway {
            margin-top: 2.6667vw;
            width: 100%;
            height: 27.8347vw;
            border-radius: 1.3333vw;
            opacity: 1;
            background: #ffffffff;
            padding: 2.6667vw;
            box-sizing: border-box;

            p {
                margin-bottom: 2.9333vw;
                color: #000000ff;
                font-size: 3.7333vw;
            }

            a {
                color: black;
                font-size: 3.7333vw;
                text-decoration: none;

                img {
                    width: 5.3333vw;
                    height: 5.3333vw;
                    vertical-align: middle;

                }
            }
        }

        //发票
        .involic {
            margin-top: 2.6667vw;
            width: 100%;
            height: 10.9333vw;
            border-radius: 1.3333vw;
            opacity: 1;
            background: #ffffffff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 2.6667vw;
            padding-right: 5.3333vw;
            box-sizing: border-box;

            span {
                font-size: 4vw;
            }

            a {
                font-size: 3.7333vw;
                text-decoration: none;
                color: #000000ff;
            }
        }

        .sum {
            margin-top: 2.6667vw;
            border-radius: 1.3333vw;
            width: 100%;
            height: 36vw;
            background: #ffffffff;
            
            font-size: 3.7333vw;
            padding-top: 3.2vw;
            padding-left: 2.6667vw;
            box-sizing: border-box;
            p{
                display: flex;
                span{
                    flex: 1;
                    i{
                        color: #FF2222;
                    }
                }
                &:last-child{
                    margin-top: 3.2vw;
                }
                
            }
        }
    }




    //提交订单
    footer {
        width: 100%;

        display: flex;
        background-color: white;
        
        height: 13.3333vw;
        position: fixed;
        bottom: 0;

        .pice {
            flex: 1;
            color: #884e22ff;
            font-size: 3.7333vw;
            text-align: center;
            
            line-height: 13.3333vw;
        }

        button {
            width: 40vw;
            height: 100%;
            background: #884e22ff;
            color: #ffffffff;
            font-size: 3.7333vw;
            text-align: center;
            line-height: 13.3333vw;
            border: transparent;
        }
    }
}